<template>
    <div class="goods">
      <h3>商品</h3>
      <nuxt-link to="/goods/1?a=1&b=2">商品列表01</nuxt-link>
      <nuxt-link :to="{name:'goods-id',params:{id:2},query:{a:11,b:22}}">商品列表02</nuxt-link>
      <nuxt-link :to="{name:'goods-id',params:{id:3},query:{a:111,b:222}}">商品列表02</nuxt-link>
      <nuxt-link to="/goods/common">评论</nuxt-link>
      <nuxt/>
    </div>  
</template>

<script lang="ts">
import { Vue, Component} from 'vue-property-decorator'
@Component
export default class Index extends Vue{
     title:string ='子title';
     des:string ='详细数据';
        mounted() {
        this.$show()
        
    }

    head(){
    return this.$seo(this.title,this.des,[{}])
}
}


// export default {
//     //head选项，页面配置
//     // head(){
//     //     return {
//     //         meta:[
//     //             {name:'keywords',content:'子页面'}
//     //         ]
//     //     }
//     // },
//     head(){
//         return this.$seo(this.title,this.des,[{}])
//     },
//     data() {
//         return {
//             title:'子title',
//             des:'详细数据'
//         };
//     },
    
//     created() {

//     },
//     mounted() {
//         this.$show()
//     },
//     methods: {

//     }
// };
</script>

<style scoped lang="scss">

</style>
